<!doctype html>
<html manifest="app.manifest">

<head>
  <meta charset="utf-8">
  <title>Home</title>
  <meta name="description" content="">
  <meta name="Keywords" content="">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,minimal-ui">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="format-detection" content="telephone=no,email=no">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <!-- UC强制全屏 -->
  <meta name="full-screen" content="yes">
  <meta name="browsermode" content="application">
  <!-- QQ强制全屏 -->
  <meta name="x5-orientation" content="portrait">
  <meta name="x5-fullscreen" content="true">
  <meta name="x5-page-mode" content="app">

  <script src="js/jquery.min.js"></script>
  <script src="js/base.js"></script>
  <link href="style.css" rel="stylesheet">

</head>

<body>



  <div class="head">
    <div class="main">
      <a href="index.html"><img src="./img/logo.png" class="logo"></a>
      <div class="nav">
        <a href="about.html">About Us</a>
        <a href="product.html">Product</a>
        <a href="news.html">News</a>
        <a href="support.html">Support</a>
      </div>
    </div>
  </div>

  <div class="banner">
    <div class="main">
      <div class="bannerbox">
        <img src="./img/banner.jpg">
        <p>
          <span>Committed to being a<br />global respected enterprise</span>
          <a href="">Get to know us</a>
        </p>
      </div>
    </div>
  </div>

  <div class="ilist">
    <div class="main">
      <a href="">
        <img src="./img/index1.png">
        <span>About us</span>
        <p>Our partner program serves as <br />the bridge to bring all <br />international partners to make a<br /> safe
          and connected
          world
        </p>
        <i>Learn more</i>
      </a>
      <a href="">
        <img src="./img/index2.png">
        <span>Product</span>
        <p>Securely connecting assets,<br /> applications and data in real<br /> time to empower transformative
          <br />changes to your
          business
        </p>
        <i>Learn more</i>
      </a>
      <a href="">
        <img src="./img/index3.png">
        <span>News</span>
        <p>End to end loT solutions<br /> including system design, <br />hardware & software<br /> development and
          manufacturing
        </p>
        <i>Learn more</i>
      </a>
      <a href="">
        <img src="./img/index4.png">
        <span>support</span>
        <p>Including the product <br />information that customers need <br />to downland, the latest software<br />
          updates,
          etc.
        </p>
        <i>Learn more</i>
      </a>
    </div>

  </div>

  <div class="ipro">
    <div class="main">
      <div class="iprobox">
        <p>Partner & Clients</p>
        <span>Trusted by industry leading companies. </span>
        <img src="./img/link.png" class="iproboximg" alt="">
        <!-- <div class="iprolbox">
          <a href="" target="_blank"><img src="./img/link/kh-01.png" alt=""></a>
          <a href="" target="_blank"><img src="./img/link/kh-02.png" alt=""></a>
          <a href="" target="_blank"><img src="./img/link/kh-03.png" alt=""></a>
          <a href="" target="_blank"><img src="./img/link/kh-04.png" alt=""></a>
          <a href="" target="_blank"><img src="./img/link/kh-05.png" alt=""></a>
          <a href="" target="_blank"><img src="./img/link/kh-06.png" alt=""></a>
          <a href="" target="_blank"><img src="./img/link/kh-07.png" alt=""></a>
          <a href="" target="_blank"><img src="./img/link/kh-08.png" alt=""></a>
          <a href="" target="_blank"><img src="./img/link/kh-09.png" alt=""></a>
          <a href="" target="_blank"><img src="./img/link/kh-10.png" alt=""></a>
          <a href="" target="_blank"><img src="./img/link/kh-11.png" alt=""></a>
          <a href="" target="_blank"><img src="./img/link/kh-12.png" alt=""></a>
          <div class="clear"></div>
        </div> -->
        <div class="clear"></div>
      </div>
    </div>
  </div>

  <div class="footer">
    <div class="main">
      <img src="./img/footer.png" class="footer_img">
    </div>
  </div>







  <script>
    $(function () {

      $(".tab span").click(function () {
        $(".tab span").removeClass("active")
        $(this).addClass("active")
      })

    })
  </script>


</body>

</html>